<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Air Share!</title>

    <!-- zui -->
    <link rel="stylesheet" href="../css/zui.css">
    <link rel="stylesheet" href="../lib/uploader/zui.uploader.css">
</head>

<body>

<div class="container">
    <ul class="nav nav-primary"  style="margin-top: 20px">
        <li class="active"><a href="index">首页</a></li>
        <li><a href="files">文件</a></li>
    </ul>
    <h3>上传完文件后直接点击“文件”查看。下面上传你的文件，任何人可以访问到</h3>
    <h3 style="color: red">从内网传输文件建议不要超过500MB！！！否则会被监控到，收到警告邮件。</h3>

    <div id="uploaderExample" class="uploader">
        <div class="file-list" data-drag-placeholder="请拖拽文件到此处"></div>
        <button type="button" class="btn btn-primary uploader-btn-browse"><i class="icon icon-cloud-upload"></i>
            选择文件
        </button>
    </div>

    <h3>同类的产品推荐</h3>
    <h4>下面是局域网内的传输，也就是两台电脑很近，可能在一个房间。那么同时打开这个网站就会发现对方，然后就可以拖文件到对方头像就可以传输了。</h4>
    <ul>
        <li><a href="https://snapdrop.net/" target="_blank">https://snapdrop.net/</a></li>
        <li><a href="https://drop.fydeos.com/" target="_blank">https://drop.fydeos.com/</a></li>
    </ul>
    <h4>下面是互联网传输，火星也可以传递！</h4>
    <ul>
        <li><a href="https://airportal.cn/" target="_blank">https://airportal.cn/</a></li>
        <li><a href="https://musetransfer.com/" target="_blank">https://musetransfer.com/</a></li>
    </ul>

</div>

<!-- 在此处编码你的创意 -->

<!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
<script src="../js/jquery-1.11.0.min.js"></script>
<!-- ZUI Javascript组件 -->
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script src="../js/zui.js"></script>
<script src="../lib/uploader/zui.uploader.js"></script>

<script>
    function getHostPath() {
        //获取当前网址，如： http://localhost:8088/test/test.jsp
        var curPath = window.document.location.href;
        console.log(curPath)
        //获取主机地址之后的目录，如： test/test.jsp
        var pathName = window.document.location.pathname;
        console.log(pathName)

        curPath = curPath.replace("#", "")
        var localhostPath
        if (pathName === '/') {
            localhostPath = curPath
        } else {
            var pos = curPath.indexOf(pathName);
            //获取主机地址，如： http://localhost:8088
            localhostPath = curPath.substring(0, pos);
        }
        console.log("当前服务器地址" + localhostPath)
        return localhostPath;//发布前用此
    }

    $('#uploaderExample').uploader({
        autoUpload: true, // 当选择文件后立即自动进行上传操作
        prevent_duplicates: true, // 阻止重复文件上传
        chunk_size: '4mb',
        url: '/file/upload', // 文件上传提交地址
        responseHandler: function (responseObject, file) {
            // alert(file.files[0].name)
            // 当服务器返回的文本内容包含 `'error'` 文本时视为上传失败
            // alert(responseObject.response)
            console.log("服务器返回信息:", responseObject);
            /* 使用触发器对象直接显示 */
            // var host = getHostPath();
            // let parse = JSON.parse(responseObject.response);
            // (new $.zui.ModalTrigger({custom: host + parse.data})).show();

            if (responseObject.response.indexOf('error') === 0) {
                return '上传失败。服务器返回了一个错误：' + responseObject.response;
            } else if (responseObject.response.indexOf('error2') === 0) {
                //无论返回啥都是错误，没有错误就不返回即可
                return true;
            }
        },
        onError: function (error) {
            console.log(error.code + error.message + file.name)

        }
    });
</script>
</body>

</html>
